export default {
  column: '2',
  owner: '',
  show: true,
  cloud: false,
  demos: [
    {
      demoId: 'base',
      name: {
        'zh-CN': '基本用法',
        'en-US': 'Basic Usage'
      },
      desc: {
        'zh-CN': '<p>默认固定在屏幕右侧固定位置</p>\n',
        'en-US': '<p>Fixed on the right of the screen by default</p>\n'
      },
      codeFiles: ['base.vue']
    },
    {
      demoId: 'custom-style',
      name: {
        'zh-CN': '自定义样式',
        'en-US': 'Custom Style'
      },
      desc: {
        'zh-CN': '<p>可通过配置 css 样式，设置浮动块的样式</p>\n',
        'en-US': '<p>You can configure the CSS style to set the floating block style</p>\n'
      },
      codeFiles: ['custom-style.vue']
    },
    {
      demoId: 'custom-floatbar-item',
      name: {
        'zh-CN': '自定义内容',
        'en-US': 'Custom Content'
      },
      desc: {
        'zh-CN': '<p>通过默认插槽设置浮动块的内容</p>\n',
        'en-US': '<p>Set the content of the floating block through the default slot</p>\n'
      },
      codeFiles: ['custom-floatbar-item.vue']
    },
    {
      demoId: 'operation-floatbar-item',
      name: {
        'zh-CN': '操作浮动块内容',
        'en-US': 'Operation floating block content'
      },
      desc: {
        'zh-CN': '详细用法参考如下示例',
        'en-US': 'For details, see the following example.'
      },
      codeFiles: ['operation-floatbar-item.vue']
    }
  ],
  features: [
    {
      id: 'position',
      name: '固定位置',
      support: {
        value: true
      },
      description: '默认固定在屏幕右侧固定位置。',
      cloud: {
        value: false
      },
      apis: ['position'],
      demos: ['base']
    },
    {
      id: 'custom-style',
      name: '自定义样式',
      support: {
        value: true
      },
      description: '可通过配置 css 样式，设置浮动块的样式。',
      cloud: {
        value: false
      },
      apis: ['style'],
      demos: ['custom-style']
    },
    {
      id: 'custom-content',
      name: '自定义内容',
      support: {
        value: true
      },
      description: '通过默认插槽设置浮动块的内容。',
      cloud: {
        value: false
      },
      apis: ['default-slot'],
      demos: ['custom-floatbar-item']
    },
    {
      id: 'operation',
      name: '操作功能',
      support: {
        value: true
      },
      description: '支持对浮动块内容进行操作。',
      cloud: {
        value: false
      },
      apis: ['operation'],
      demos: ['operation-floatbar-item']
    }
  ]
}
